<template id="exampleIndex">
 <div :list=list class="home">
   <ul>
     <li v-for=" l in list"><div v-bind:class='l.bclass'>{{l.name}}</div>
	 </li>
   </ul>
 </div>
</template>

<script>
import "./jquery-1.4.4.min.js"
import "./exampleIndex.js"
export default{
  name:'exampleIndex',
  data(){
   return {
     list:[
	 {name:'1111',bclass:'kuang'},
	 {name:'2222',bclass:'kuang'},
	 {name:'33333',bclass:'kuang'},	 
	 {name:'4444',bclass:'kuang'},
	 {name:'5555',bclass:'kuang'},
	 {name:'6666',bclass:'kuang'},
	 {name:'7777',bclass:'kuang'},	 
	 {name:'8888',bclass:'kuang'}
	 ]
   }
  }
 }
</script>
<style>
 @import './exampleIndex.css';
</style>